import { defineComponent } from 'vue';
import Fasr from './Fasr.vue';
// import Align from './Align.vue';
// import Basic from './Basic.vue';
// import Gutters from './Gutters.vue';
// import LinksWithGo from './LinksWithGo.vue';
// import RouterLinks from './RouterLinks.vue';
// import Separator from './Separator.vue';
// import Toolbar from './Toolbar.vue';

export default defineComponent({
  name: 'App',
  props: {},
  emits: [],

  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div class='block'>
          <div class='block-'>
            <h5 class='title'>Fasr</h5>
            <Fasr />
          </div>
          {/* <div class='block-'>
            <h5 class='title'>Align</h5>
            <Align />
          </div> */}
          {/* <div class='block-'>
            <h5 class='title'>Basic</h5>
            <Basic />
          </div>
          <div class='block-'>
            <h5 class='title'>Gutters</h5>
            <Gutters />
          </div>
          <div class='block-'>
            <h5 class='title'>LinksWithGo</h5>
            <LinksWithGo />
          </div>
          <div class='block-'>
            <h5 class='title'>RouterLinks</h5>
            <RouterLinks />
          </div>
          <div class='block-'>
            <h5 class='title'>Separator</h5>
            <Separator />
          </div>
          <div class='block-'>
            <h5 class='title'>Toolbar</h5>
            <Toolbar />
          </div> */}
        </div>
      );
    };
  },
});
